<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>个人信息</title>
		<!--标准mui.css，公共样式-->
		<link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
		<link rel="stylesheet" type="text/css" href="../css/public.css"/>
		<!--定义样式-->
		<link rel="stylesheet" type="text/css" href="../css/personal.css"/>		
	</head>

	<body ng-app='app' ng-controller='personal_infoController'>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left color6"></a>
			<h1 class="mui-title color6">个人资料</h1>
			<a class="mui-pull-right font16 color6 lh44" id="save_btn">保存</a>
		</header>
		<div class="mui-content">
			<form class="mui-input-group m_t16">
				<div id="info_top" class="mui-input-row">
					<a id="uPic">
						<img src="{{info.photo}}" class="user_pic b1 circle60" style="vertical-align: middle;margin: -10px 16px -10px 0;" id="j_photo" />
					</a>
					<span class="color9 font16 m_l30">修改头像</span>
				</div>
				<div class="mui-input-row">
					<label>昵称</label>
					<input type="text" class="mui-input-clear p_r22" placeholder="请输入昵称" id="j_nickname" value="{{info.nickname}}">
				</div>
				<div class="mui-input-row">   
					<label>性别</label>
					<a href="#sheet" id="opensheet" class="p_tb10 font18 color9"style="display: block;">
						<span ng-if="info.sex==1">男</span>
						<span ng-if="info.sex==0">女</span>
					</a>
				</div>
				<div class="mui-input-row">
					<label>手机</label>
					<input type="number" class="mui-input-clear p_r22" placeholder="请输入手机号码" id="j_phone" value="{{info.tel}}">
				</div>
			</form>
			
			<!--选择性别-->
			<div id="sheet" class="mui-popover mui-popover-bottom mui-popover-action ">
				<!-- 可选择菜单 -->
				<ul class="mui-table-view">
					<li class="mui-table-view-cell">
						<a href="#sheet" class="sex">男</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="#sheet" class="sex">女</a>
					</li>
				</ul>
				<!-- 取消菜单 -->
				<ul class="mui-table-view">
					<li class="mui-table-view-cell">
						<a href="#sheet"><b class="color_green">取消</b></a>
					</li>
				</ul>
			</div>
			
		</div>
	</body>
	<!-- Mui core JavaScript-->
	<script type="text/javascript" src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/appconfig.js"></script>
	<script type="text/javascript" src="../js/jquery-2.2.4.min.js"></script>
	<script src="../js/angular1.2.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/app/personal_info.js" type="text/javascript" charset="utf-8"></script>

</html>